/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, input, ins, kbd, q, s, samp, select, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, textarea, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
body, input, textarea, select { 
	font: 12px/18px Arial, Helvetica, sans-serif; 
	color: #1f1b18;
}
body {
background-color:black;
line-height: 1;
}


blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
:focus {
    outline: 0 none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
ol, ul {
    list-style: none outside none;
}
/* -- 5.0 header -- */
	#header {
		background:url(images/header-tail.jpg) repeat-x center 200px;
	}
	#header .wrapper { 
		height:600px;
	}
	#header #slider-shadow {
		background:url(images/slider-shadow.jpg) no-repeat center 500px;
	}
	#header #slider-gallery {
		background:url(images/slider-shadow.jpg) no-repeat center 750px;
		height:860px;
	}
/* -- x.x Clearfix -- */
	.clearfix:after, .post:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clear { clear:both;}
	.clearfix { display: inline-block; }
	/* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */
	.none { display: none; } /* End Clearfix */
/* -- 2.0 Site structure -- */
	#content,#header,#aside-tail,#footer,#intro {
		min-width:1000px;

	}
	
	.wrapper {
		width:1000px; 
		margin:0 auto;
		position:relative; 
	}
	
	#content {
		clear:both;
		padding-bottom:43px;
		background:url(images/cont-tail.jpg) repeat center top;
	}
		
	#primary {
		overflow:hidden; 
		height:100%;
		
	}
	#left-indent {
		padding-left:41px;
	}
	#right-indent {
		padding-right:41px;
	}
	
	#border-style { border:1px solid #dfdfdf; padding:38px 35px 60px 38px; background:#fff;}
	.right-bot-corner { height:19px; padding-right:196px; background:url(images/right-bot-corner.png) no-repeat right top;}
	.left-bot-corner { height:19px; padding-left:196px; background:url(images/left-bot-corner.png) no-repeat left top;}
	
	#sidebar { float: right; width: 234px; margin-left:10px;}

/* -- 16.0 Widgets -- */
	.widget {
		padding-bottom:39px;
	}
	h2,
	h3 { 
		font-weight: normal; font-size: 18px; line-height:1.2em; color: #c0c0c0; background-repeat:no-repeat; background-position:left 2px;
	}
	#content h3.widget-title { font-size: 22px;border:1px solid #000; line-height:43px; height:43px; overflow:hidden; background:url(images/title-tail.gif) repeat-x left top; margin:0 0 2px 0; padding:0 0 0 13px; color:#e9e9e9; width:215px;}
	.widget ul { border:medium none; clear:both; }
	.widget .support{
		padding-left:0px;
		background-color:white;width:230px;
		text-align:center;
	}
	.widget .support .desc{
	    color: #000000;
		font-family: Tahoma;
		padding-top : 15px;
	}
	#content #sidebar .widget ul {}
	#content #sidebar .widget ul li {
		line-height:27px;
		background:url(images/tail-bg.png);
		margin-bottom:2px;
		overflow:hidden;
		vertical-align:top;
		padding-left:7px;
	}

	#content #sidebar .widget .cate {
		color:#121110;
		text-decoration:none;
		font-size:14px;
		display:block;
		margin-left:20px;
		height:1%;
	}
	
	#content #sidebar .widget .arrow{
		background: url(images/arrow.png) no-repeat scroll 0 0 transparent;
		width: 16px;
		height:16px;
		margin: 5px 0 0 0 ;
		float:left;
	}
	#content #sidebar .widget .arrowA{
		background-position: left bottom;
	}	
	#content #sidebar .widget ul li ul li a {
		color:#121110;
		text-decoration:none;
		font-size:14px;
		display:block;
		padding-left:15px;
		height:1%;
		background:url(images/bullet_2.png) no-repeat left 10px;	
	}
	#content #sidebar .widget ul li a:hover {
		color:grey;
	}


	#content #sidebar .widget .banner {
		color:#121110;
		text-decoration:none;
		font-size:14px;
		display:block;
		padding-left:21px;
		height:1%;
	}	

	.hot{
		background: url("images/icon_hot_1.gif") no-repeat scroll right top transparent;
		padding: 6px 0 5px 21px;	
	}
	
	#footer { background:url(images/footer-tail.png);}
	#footer .wrapper { clear:both; height:61px;}	
/* -- 3.0 Common Classes -- */
	.rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
	.hidden { display: none; }
	.width { width:960px; margin: 0 auto;}
	
/* -- 4.0 Basic Alignments -- */
	.alignleft { float: left;}
	.alignright { float: right;}
	.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }	
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position:absolute;
	top:160px;
	left:28px;
	margin: 0;
	padding: 0;
	overflow:hidden;
	width:948px;
	height:370px;
	z-index:1;	
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 158px;
	height: 370px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
	
	cursor: pointer;
    text-align: center;
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	margin-right: 0; /*Set to same as spacing option. */
	float: left;
	position:relative;
}
.kwicks.horizontal li a {
	display:block;
	float:left;
	text-decoration:none;
}
.kwicks.horizontal li span {
	height:370px;
	width:13px;
	background:url(images/shadow.png) repeat-y right top;
	position:absolute;
	right:0;
	top:0;
	z-index:9999;
}
/* -- 10.0 Forms -- */
button { cursor: pointer; }
	
label { display:inline-block; padding-bottom:5px;}
	
.required { color:#ea7e14;}
	
input[type="text"] {
		font-size:12px;
		padding:3px 10px;
		border:1px solid #C6C6C6;
		position:relative;
		color:#000;
	}
textarea {
		overflow:auto;
		color:#000;
		padding:3px 10px;
		border:1px solid #C6C6C6;
		width:95%;
	}
input[type="submit"] {
		cursor:pointer;
	}
	
/* -- 5.2 search -- */
#header-widget-area .widget_search { position:absolute; top:22px; right:42px;}
		
#sidebar #searchform {
	background:url(images/tail-bg.png);
	width:210px;
	padding:20px 10px;
}
#searchform { overflow:hidden; position:relative;}
	#searchform input#s {
		width:125px;
		font-size:12px;
		line-height:1.29em;
		color:#fff;
		float:left;
		background:url(images/input-text.png);
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-top:1px solid #000;
		border-left:1px solid #000;
		border-bottom:1px solid #43413e;
		border-right:1px solid #43413e;
	}
			
	#searchform #searchsubmit {
		width:27px;
		height:23px;
		float:left;
		text-indent:-9999px;
		background:url(images/search-button.png) no-repeat left top;
		cursor:pointer;
		float:left;
	}	
	
/* -- 16.4 Widget lists -- */
.xoxo { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
		
.widget { margin:0px 0px 0 0px;}
.widget ul { padding:0px 4px 0px 0px; margin:0px 0px 0px 0;}
#content .widget ul {}

#content #sidebar-right .widget ul li { margin:0px 0px 0px 0px; background:url(images/line-hor.png) repeat-x left top; padding:5px 0 0 0; margin:5px 0 0 0;}
#content #sidebar-right .widget ul li:first-child { background:none; padding-top:0; margin-top:0;}
#content #sidebar-right .widget ul li a { color:#0d80a6; text-decoration:none; font-size:14px; background:url(images/marker1.gif) no-repeat left 6px; padding-left:13px;}
#content #sidebar-right .widget ul li a:hover { color:#9a9999; background:url(images/marker1.gif) no-repeat left 6px;}
/* -- 6.0 Primary Navigation -- */
#primary-nav { position:absolute; right:41px; top:68px; z-index:5000;}
	
#primary-nav ul { margin: 0; padding: 0; list-style: none;}
#primary-nav ul li { position: relative; cursor:pointer; float:left;}
#primary-nav ul li a { display:block; }
#primary-nav ul li:hover { visibility: inherit;}
	
#primary-nav ul ul { 
	position: absolute; 
	top: -9999em;
	left:0;  
	z-index: 99; 
}
#primary-nav ul ul li {}
/* Make sub menus appear */
#primary-nav ul li:hover ul,
#primary-nav ul li.sfHover ul { left: 0; top: 63px; z-index: 99; }

/* top level skin */
#primary-nav ul li { margin-left:1px;}
#primary-nav ul li:first-child { background:none;}
#primary-nav ul li a { font-size:18px; text-align:center; width:117px; line-height:62px; background:url(images/nav-bg.png); color:#d9d8d8;text-decoration:none;}		
#primary-nav ul li:hover a,
#primary-nav ul li.sfHover a,
#primary-nav ul li.current-cat a,
#primary-nav ul li.current-menu-item a { text-decoration:none; background:#b16913; color:#fff;}

#intro {
	clear:both;
	padding-bottom:1px;
	background:url(images/cont-tail.jpg) repeat center top;
}

#intro .title{
	font-size: 35px; font-family: 'Lucida Sans Unicode','Lucida Grande',Arial; line-height: 1.2; margin: 0px; width: 100%;text-align:center;
}
#intro .content{
	font-size: 13px; color: rgb(102, 102, 102); font-family: 'Lucida Sans Unicode','Lucida Grande',Arial; line-height: 19px; margin: 0px auto; width: 880px;text-align:center;
}
.divider.curved {
	background: url("images/dividers-light.png") no-repeat scroll 0 -150px transparent;
    border: 0 none;
    height: 50px;
	width: 980px;
	margin-left : auto;
	margin-right : auto;
}
		
.box { padding:0 0px 14px 0; margin:0 0 28px 0; width:100%; position:relative; background:url(images/line-hor1.gif) repeat-x left bottom;}
.box .child_cate{
	border:1px solid #dfdfdf;
	margin-top:20px;
	width : 99%;
}
.box .child_cate ul{
	padding-bottom : 5px;
}
.box .child_cate li {
	padding : 5px;
}
.box .txt{
	color : #605D57;
	font-family: Arial,Tahoma;
	font-size: 1.5em;
	text-decoration :none;
}
.box .child_cate .cate_name{
	text-align : center;
	width:32%;
	float:left;
}

.box .newest{
    margin: 0;
    overflow: hidden;
    padding: 40px 0 0px 0;
    text-align: left;
    z-index: 999999;
}
.box .newest a{
	border: 3px solid #000000;
    display: block;
    float: left;
    height: 175px;
	margin : 1%;
}

.box .newest .wid{
	width:30%;
    border:3px solid #000000;
    display: block;
    line-height: 0;
	text-align:center;

}

.box h2{
	text-shadow: 0 2px 3px #000;
}
.box .TContent{
	overflow : hidden;
	word-wrap: break-word;
	clear: both;
}
.box .news {
    margin: 0;
    overflow: hidden;
    padding: 40px 0 0 0;
    text-align: left;
    z-index: 999999;
}
.box .news .first {
	width:100%;
	height:150px;
}
.box .news .first img{
	float:left;
}

.box .news .first .Ncontent{
	float:right;
	margin-left:10px;
	width:70%;
}
.box .news .first .Ncontent span{
	color:blue;
}
.box .news .first .Ncontent .ttitle{
	text-decoration : none;
}
.box .new_detail{
    margin: 0;
    overflow: hidden;
    padding: 40px 0 0 0;
    text-align: left;
    z-index: 999999;	
}
.box .new_detail .title{
	width:100%;
	text-align : center;
	border: medium none;
    color: #0D80A6;
    font-size: 25px;
    font-weight: normal;
    line-height: 1.2em;
}
.box .new_detail .time{
	float:right;
	color:blue;
	font-size: 13px;
	font-style: oblique;
	font-weight : bold;
}
.box .new_detail .shortdesc{
	word-wrap: break-word;
	color : grey;
	font-style: italic;
	text-decoration:blink;
}
.box .new_detail .line{
	border-bottom: 1px solid gray;
	width:35%;
	margin : auto;
	padding : auto;
}
.box .product{
    margin: 0;
    overflow: hidden;
    padding: 40px 0 0px 0;
    text-align: left;
    z-index: 999999;
}
.box .product .avatar{
	float:left;
	width:53%;
}

.box .product .avatar a{
	border: 3px solid #000000;
    display: block;
    float: left;
	margin : 1%;
}
.box .product .about{
	border-left: 1px dashed gray;
	float:right;
	width:46%;
	text-align:center;
}
.box .product .about .name{
    color: blue;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.2em;
}
.box .product .about .tt{
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2em;
}
.box .product .about .desc{
	padding-left:5px;
}
.box .another a{
color:#0d80a6; text-decoration:none; font-size:14px; background:url(images/marker.gif) no-repeat left 6px; padding-left:13px;
}
.clear{
	border-bottom: 1px dashed gray;
    clear: both;
    margin: 0;
    padding: 0;
}

#si_contact_form1 input[type="submit"] {
    width: 80px;
}

#si_contact_form1 input[type="submit"], #commentform input[type="submit"] {
    background: url("images/pagination-bg.gif") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 14px;
    height: 26px;
    padding: 4px 15px;
    width: 120px;
}
.box .published { position:absolute; left:-80px; top:-12px; height:35px; background:url(images/title-tail.gif) repeat-x left top; text-align:center; font-size:36px; padding-top:7px; color:#ed870d;}
	*+ html .published { padding-top:5px;}

/* -- 9.1 Page titles -- */
.page-title { font-weight: normal; font-size: 26px; line-height:1.2em; padding:2px 0px 18px 0px; margin:0px 0px 0px 0px;}
.page-title span { color:#ed870d;}
		
#primary h2.entry-title,
#primary h2.entry-title a { font-size: 25px; font-weight: normal; line-height:1.2em; color: #000; border: none; text-decoration:none;padding-left:5px;padding-right:5px; }
#primary h2.entry-title a:hover { color: #ed870d; text-decoration:none; }
		
#primary h2.entry-title {
	margin-bottom:0;
}
		
#primary .entry-title { margin:0 0 15px 0; padding:0;}
		
#primary h1.entry-title { font-size: 34px; line-height:1.4em; color: #000; margin:0px 0px 17px 0px;}		
/* -- 18.0 Footer -- */
#footer { color: #a7a7a7; clear:both;}
#footer a { color: #a7a7a7; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/* -- 18.1 Footer Notes -- */
#footer-notes { font-size:11px; line-height:14px; color:#a3a3a3; padding:16px 41px 0 41px;}
.page{
width:100%;margin:auto;
text-align: center;
}
.page .links a{
text-decoration: none;
color: gray;
}
.page .links a:HOVER{
color: silver;
}
a:focus {
outline: none;
}
.panel {
background: #754c24;
height: 200px;
display: none;
}
.slide {
margin: 0;
padding: 0;
border-top: solid 4px #422410;
background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
background: url(images/white-arrow.gif) no-repeat right -50px;
text-align: center;
width: 144px;
height: 31px;
padding: 10px 10px 0 0;
margin: 0 auto;
display: block;
font: bold 120%/100% Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
.active {
background-position: right 12px;
} 